<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>垃圾分类介绍 - 垃圾分类管理系统</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <meta name="keywords" content="垃圾分类,管理系统,介绍">
    <meta name="description" content="垃圾分类管理系统介绍页面，提供垃圾分类的基本知识和重要性。">
    <meta name="author" content="yinqi">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css" rel="stylesheet">
    <style>
        body {
            background-color: #f0f4f8;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .container {
            max-width: 1200px;
            width: 100%;
            background-color: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 40px;
            box-sizing: border-box;
        }
        h1, h2 {
            color: #333;
        }
        p {
            line-height: 1.6;
            color: #666;
        }
        .section {
            margin-bottom: 40px;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .section:hover {
            transform: translateY(-5px);
        }
        .section-1 {
            background-color: #f8d7da;
            border-left: 5px solid #dc3545;
        }
        .section-2 {
            background-color: #d4edda;
            border-left: 5px solid #28a745;
        }
        .section-3 {
            background-color: #d1ecf1;
            border-left: 5px solid #0d6efd;
        }
        .section-4 {
            background-color: #fff3cd;
            border-left: 5px solid #ffc107;
        }
        .icon {
            margin-right: 10px;
        }
        ul {
            list-style-type: none;
            padding: 0;
        }
        ul li {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        ul li a {
            color: #007bff;
            text-decoration: none;
        }
        ul li a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="section section-1">
        <h2><i class="fas fa-recycle icon"></i> 垃圾分类介绍</h2>
        <p>垃圾分类是指按照垃圾的不同成分、属性、利用价值以及对环境的影响，并根据不同处理方式的要求，分成属性不同的若干种类。</p>
        <p>垃圾分类的目的是提高垃圾的资源价值和经济价值，减少垃圾处理量和处理设备的使用，降低处理成本，减少土地资源的消耗，具有社会、经济、生态等几方面的效益。</p>
    </div>

    <div class="section section-2">
        <h2><i class="fas fa-info-circle icon"></i> 为什么要垃圾分类</h2>
        <p>垃圾分类是实现垃圾减量化、资源化、无害化的重要途径，是倡导低碳生活的必然要求，是社会文明水平的重要体现。</p>
        <ul>
            <li><i class="fas fa-check-circle icon"></i> 减少垃圾量：通过分类投放、分类收集，把有用物资从垃圾中分离出来重新回收、利用，变废为宝。</li>
            <li><i class="fas fa-check-circle icon"></i> 减少污染：垃圾分类能减少土地资源的消耗，提高垃圾堆肥的质量，减少垃圾焚烧的二噁英污染。</li>
            <li><i class="fas fa-check-circle icon"></i> 节约资源：通过分类投放、分类收集，把有用物资从垃圾中分离出来重新回收、利用，提高资源利用效率。</li>
        </ul>
    </div>

    <div class="section section-3">
        <h2><i class="fas fa-check-double icon"></i> 垃圾分类的好处</h2>
        <ul>
            <li><i class="fas fa-check-circle icon"></i> 减少环境污染：减少土地和水体污染。</li>
            <li><i class="fas fa-check-circle icon"></i> 节省资源：通过回收再利用，减少对自然资源的开采。</li>
            <li><i class="fas fa-check-circle icon"></i> 降低成本：减少垃圾处理和运输成本。</li>
            <li><i class="fas fa-check-circle icon"></i> 提高环保意识：增强公众的环保意识和参与度。</li>
        </ul>
    </div>

    <div class="section section-4">
        <h2><i class="fas fa-sort icon"></i> 如何进行垃圾分类</h2>
        <p>垃圾分类需要从源头开始，居民在家中进行分类投放，然后由专业的垃圾分类收集和运输系统进行处理。</p>
        <ul>
            <li><i class="fas fa-check-circle icon"></i> 可回收物：废纸、塑料、玻璃、金属和布料五大类。</li>
            <li><i class="fas fa-check-circle icon"></i> 厨余垃圾：剩菜剩饭、骨头、菜根菜叶、果皮等食品类废物。</li>
            <li><i class="fas fa-check-circle icon"></i> 有害垃圾：废电池、废日光灯管、废水银温度计、过期药品等。</li>
            <li><i class="fas fa-check-circle icon"></i> 其他垃圾：除上述几类垃圾之外的砖瓦陶瓷、渣土、卫生间废纸、纸巾等难以回收的废弃物。</li>
        </ul>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>